<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="/resources/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="/resources/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="/resources/css/amazeui.min.css" />
    <script src="/resources/js/jquery.min.js"></script>
    <script src="/resources/js/amazeui.min.js"></script>
</head>
<style>
    .am-pagination li a,.am-pagination li span{
        padding: 0.1em 0.1em;
    }
    .nopage{
           border: 0;
    }
</style>
<body>
<!-- 顶部 -->
    <div style="background-color:#82a6f5;height:7%;">
    	<a href="/c/centre" target="_parent">
            <button style="background-color:rgba(255,255,255,0);border-radius:25px;border-color:white;margin-top:7px;margin-left:12px;">
                <b style="color:white;"><</b>
            </button>
        </a>
    </div>
<!-- 中间 -->
        <div style="width:100%;height:93%;">
            <div class="am-panel-group" id="accordion">
                <c:forEach items="${pageInfo.list}" var="a" varStatus="i">
                <div class="am-panel am-panel-default">
                    <div class="am-panel-hd">
                        <h5 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-${i.count}'}">订单号：${a.presNo} </h5>
                        <h5 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-${i.count}'}">时间：${a.creatPresDate}</h5>
                        <h5 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-${i.count}'}">折后价格：￥${a.reserve4} &nbsp;&nbsp;&nbsp;&nbsp;原价：<del>￥${a.reserve1}</del></h5>
                    </div>
                    <div id="do-not-say-${i.count}" class="am-panel-collapse am-collapse">
                        <div class="am-panel-bd">
                            <c:if test="${not empty a.reserve2}">
                                <h4>注意事项：</h4>
                                ${ a.reserve2}

                            </c:if>
                            <c:if test="${not empty a.reserve15}">
                                <h4>叮嘱：</h4>
                               ${ a.reserve15}
                            </c:if>
                        </div>
                    </div>
                </div>
        </c:forEach>
            </div>
        <%--<table class="am-table am-table-striped am-table-hover am-table-centered">--%>
            <%--<tr>--%>
                <%--<th>订单编号</th>--%>
                <%--<th>订单时间</th>--%>
                <%--<th>价格（元）</th>--%>
            <%--</tr>--%>
      <%--<c:forEach items="${pageInfo.list}" var="a">--%>
            <%--<tr>--%>
                <%--<td>${a.presNo}</td>--%>
                <%--<td>${a.illCaseId}</td>--%>
                <%--<td>${a.creatPresDate}</td>--%>
            <%--</tr>--%>
      <%--</c:forEach>--%>
        <%--</table>--%>
    </div>
<ul data-am-widget="pagination"
    class="am-pagination am-pagination-default"
>


    <c:if test="${!pageInfo.isFirstPage}">
        <li class="am-pagination-first ">
            <a href="/c/order?pageNum=${pageInfo.navigateFirstPage}" class="">第一页</a>
        </li>
    </c:if>
    <c:if test="${pageInfo.isFirstPage}">
        <li class="am-pagination-first nopage" style="border:0">
         <a class="nopage" style="border:0">&nbsp;&nbsp;</a>
        </li>
    </c:if>
    <c:if test="${pageInfo.hasPreviousPage}">
        <li class="am-pagination-prev ">
            <a href="/c/order?pageNum=${pageInfo.prePage}" class="">上一页</a>
        </li>
    </c:if>
    <c:if test="${!pageInfo.hasPreviousPage}">
        <li class="am-pagination-prev nopage" style="border:0">
            <a class="nopage" style="border:0">&nbsp;&nbsp;</a>
        </li>
    </c:if>

<c:if test="${pageInfo.prePage != 0}">
    <li class="">
        <a href="/c/order?pageNum=${pageInfo.prePage}" class="">${pageInfo.prePage}</a>
    </li>
</c:if>
    <c:if test="${pageInfo.prePage == 0}">
        <li class="nopage" style="border:0">
            <a class="nopage" style="border:0">&nbsp;&nbsp;</a>
        </li>
    </c:if>

    <li class="am-active">
        <a href="" class="am-active">${pageInfo.pageNum}</a>
    </li>
    <c:if test="${pageInfo.nextPage != 0}">
        <li class="">
            <a href="/c/order?pageNum=${pageInfo.nextPage}" class="">${pageInfo.nextPage}</a>
        </li>
    </c:if>
    <c:if test="${pageInfo.nextPage == 0}">
        <li class="nopage" style="border:0">
            <a class="nopage" style="border:0">&nbsp;&nbsp;</a>
        </li>
    </c:if>

    <c:if test="${pageInfo.hasNextPage}">
        <li class="am-pagination-next ">
            <a href="/c/order?pageNum=${pageInfo.nextPage}" class="">下一页</a>
        </li>
    </c:if>
    <c:if test="${!pageInfo.hasNextPage}">
        <li class="am-pagination-next nopage" style=" border: 0">
            <a class="nopage" style="border:0">&nbsp;&nbsp;</a>
        </li>
    </c:if>

    <c:if test="${!pageInfo.isLastPage}">
        <li class="am-pagination-last">
            <a href="/c/order?pageNum=${pageInfo.navigateLastPage}" class="">最末页</a>
        </li>
    </c:if>
    <c:if test="${pageInfo.isLastPage}">
        <li class="am-pagination-last nopage" style="border:0">
            <a class="nopage" style="border:0">&nbsp;&nbsp;</a>
        </li>
    </c:if>

</ul>

</body>

</html>
